import { Component } from 'react';
import './App.less';

import Hello from './components/Hello';

export default class App extends Component {
  state = {
    flag: true
  }

  changeFlag = () => {
    this.setState({
      flag: !this.state.flag
    })
  }
  render() {
    const { flag } = this.state
    return (
      <div>
        <button onClick={this.changeFlag}> 现实/隐藏 </button>
        {flag && <Hello />}
        
      </div>
    )
  }
}

// export default function App() {
//   return (
//     <div className="App">
     
//     </div>
//   );
// }

